@charset "utf-8";
@import url('fonts/DINCond-Bold/DINCond-Bold.css');
@import url('fonts/DIN-Medium/DIN-Medium.css');
@import url('fonts/SourceHanSansCN-Regular/SourceHanSansCN-Regular.css');
/*@font-face{
	font-family: 'SourceHanSansSC-Regular';
	src: url(fonts/SourceHanSansCN-Regular.ttf);
}*/
@font-face{
	font-family: 'SourceHanSansSC-blod';
	src: url(fonts/SourceHanSansSC-blod.otf);
}
@font-face{
	font-family: 'SourceHanSansSC-Normal';
	src: url(fonts/'SourceHanSansSC-Normal.otf');
}
@font-face{
	font-family: 'SourceHanSansCN-Medium';
	src: url(fonts/SourceHanSansCN-Medium.otf);
}
* {
	/* font-family: 'SourceHanSansCN-Regular',"Microsoft YaHei", Arial, Helvetica, sans-serif; */
	font-family:'微软雅黑',"Microsoft YaHei", Arial;
}
.f-b{font-family:'SourceHanSansSC-blod','SourceHanSansCN-Regular',"Microsoft YaHei", Arial, Helvetica, sans-serif;}

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	/*font-size: 14px;*/
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x: hidden;
	font-family:"微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
a, a:active {
	color: #555;
}
a:hover {
	color: #005c30;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table, td, th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable {
	display: table;
	width: 100%;
	height: 100%;
}
.ytable-cell {
	display: table-cell;
	vertical-align: middle;
}
/*设置隐藏*/
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.pr {
	position: relative;
}
.nm {
	margin: 0;
}
.nfw {
	font-weight: normal;
}
.img-block {
	display: block;
	width: 100%;
}
/*baidu edit css*/
.view.editor p {
	margin: 16px 0;
}
.view.editor .list-paddingleft-2 {
	padding-left: 0;
}
.view.editor ol, .view.editor ul {
	width: auto;
}
.view.editor li {
	clear: inherit;
}

/*STAR*/
.wrap{margin: auto;max-width: 1280px;}
.wrap2{margin: auto;max-width: 1440px;}
@media(max-width:1440px){
.wrap2{margin: auto;max-width: 1440px; padding: 0 43px;}
}

/*top*/
.top .rt-bg{ color: #fff; padding: 0 100px; background-color: #000;}
.top .rt-bg a{ color: #fff;}
.top .top_nav{ text-align: right;}
.top .top_nav li{ vertical-align: middle; display: inline-block; line-height: 35px;}
.top .top_nav li a{color: #fff;}
.top .top_nav li.top-mcw a::after{content: "";display: inline-block; vertical-align: middle; margin: 0 10px;height: 12px;width: 1px;background: rgba(255,255,255,0.5);}
.top .top_nav li.top-mcw:last-child a::after{ display: none;}
.top .top_nav li.law{ margin-right: 25px;}
.top .top_nav li.law > a{ display: block; line-height:35px; float: left; padding-left:25px; background-size: 18px !important; background-repeat: no-repeat; background-position:left center;}
.top .top_nav li.top-del >a{background-image: url(../images/top-icon5.png);}
.top .top_nav li.top-use >a{background-image: url(../images/top-icon6.png);}
.top .top_nav li.top-kef >a{background-image: url(../images/top-icon7.png);}
.top .top_nav .f_z{padding-left: 6px;background: url("../images/bg-lgl.png") no-repeat left center; display: none;}
.top .top_nav .f_z a{display: inline-block; height: 30px;line-height: 30px;background: #f8f8f8;font-size: 14px;color: #888888;padding:0 20px;position: relative; }
.top .top_nav .f_z a.part:after{content: "";display: block;height: 20px;width: 1px;background: #e5e5e5;position: absolute;top:0;bottom: 0;right:0;margin: auto;}
.top .top_nav .f_z a:hover{color: #005c30;}
.top .top-search{ position: relative; padding-top: 25px; padding-bottom:5px; border-bottom: solid 1px #dddddd; float: right;}
.top .top-search .text{ width: 240px; font-size: 16px; padding-right:10px; line-height: 35px; height: 35px; vertical-align: middle; border: none; float: left;}
.top .top-search .text::-webkit-input-placeholder {color: #d0d0d0;}
.top .top-search .text::-moz-placeholder {color: #d0d0d0;}
.top .top-search .text:-ms-input-placeholder {color: #d0d0d0;}
.top .btn{ vertical-align: middle; display: inline-block; height:35px; width: 25px; background: url(../images/top-icon4.png) no-repeat center; position: relative; padding: 0;}
.top .nav-box{ background-color: #fff; padding: 0 50px;}
.top .nav-box .logo{ margin-right:30px; float: left; background-color: #fff; padding: 26px 30px; margin-top: -35px;}
.top .nav-box .nav-list{ float: left;}
.top .nav-list li{ font-size: 18px; padding:18px 25px; float: left;}
.top .nav-list li > a{display: block;position: relative;}
.top .nav-list li a span{display: inline-block;line-height: 50px; position: relative; }
.top .nav-list li a span:after{position: absolute; content: ''; width: 0; height: 3px; background: #005c30; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: 0; transition: 0.3s;}
.top .nav-list li.aon >a span:after,
.top .nav-list li:hover >a span:after{width: 100%;}
.top .nav-list li:hover >a,
.top .nav-list li.aon >a{ color:#005c30;}
.top .nav-list .sub-box{ opacity: 0; transition: all .5s; position: absolute; left: 0; top: 100%; width: 100%; min-height: 87vh; background-color: rgba(1, 13, 7, .9); z-index:-1; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.top .sub-box .Juz{ position: absolute; left: 0; top:80px; padding:0 100px; width: 100%;}
.top .sub-box .sub-img{ border-left: solid 1px#bbb; float: right;}
.top .sub-box dl{ float: left;}
.top .sub-box dt{ padding-bottom:30px; font-size: 32px; color: #ffffff;}
.top .sub-box dd{ border-bottom: solid 1px rgba(255,255,255,0); padding-right:20px; background: url(../images/line_nav2.png) no-repeat right center; padding:15px 0;}
.top .sub-box dd a{ display: block; color: #bbb;}
.top .sub-box dd:hover,
.top .sub-box dd.aow{ border-bottom: solid 1px #fff; background: url(../images/line_nav.png) no-repeat right center;}
.top .sub-box dd:hover a,
.top .sub-box dd.aow a,
.top .sub-box dd a:hover{ color: #fff;}
.top .nav-pro .sub-box dl{ width:33%;}
.top .nav-pro .sub-box dd{ width:42%; float: left;}
.top .nav-pro .sub-box dd:nth-child(2n+1){ float: right;}
.top .nav-pro .sub-box .sub-img{margin-top:80px; width:59%;}
.top .nav-pro .img-shell{ display: none; padding-left:14%; min-height:535px; text-align: center; overflow: hidden;}
.top .nav-pro .img-shell.show{ display: block;}
.top .nav-pro .img-shell .pic{ margin-bottom: 23px; width:21.351%; margin-right:3%; float: left;}
.top .nav-pro .img-shell .pic .tu{ background-size: contain !important; background-repeat: no-repeat; display: block; width: 100%; padding-top: 100%;}
.top .nav-pro .img-shell .pic:nth-child(4n){ margin-right: 0;}
.top .nav-pro .img-shell h4{ padding:5px 0; font-weight: 500; margin: 0 auto;}
.top .nav-pro .img-shell a{ font-size: 16px; color: #fff;}
.top .nav-single .img-shell{ display: none; min-height:510px; overflow: hidden;}
.top .nav-single .img-shell.show{ display: block;}
.top .nav-single .img-shell .pic .tu{ display: block; width: 100%; padding-bottom:37%; background-size: cover!important;}
.top .nav-single .sub-box dl{ width:21.3%;}
.top .nav-single .sub-box .sub-img{ margin-top:80px; width:71.7%; padding-left: 140px;}
.top .nav-single .sub-box .sub-img a{ color: #fff;}
.top .nav-single .sub-box .sub-img h4{ margin: 15px 0 10px; font-weight: 500; font-size: 24px;}
.top .nav-single .sub-box .sub-img .text{ font-size: 16px; color: rgba(255,255,255,0.5);line-height: 28px;}
.top .nav-list li:hover .sub-box{ opacity: 1; z-index: 11;}
@media(max-width:1440px){
.top .logo{ margin-right: 20px;}
.top .rt-bg,
.top .sub-box .Juz,
.top .nav-box{ padding: 0 43px;}
.top .nav-list li{ padding:18px 20px;}
.top .nav-single .sub-box dl{ width: 22%;}
.top .nav-single .img-shell{ min-height: 480px;}
.top .nav-single .sub-box .sub-img{ padding-left: 100px;}
}
@media(max-width:1366px){
.top .nav-list .sub-box{ min-height: 82vh;;}
.top .nav-pro .img-shell{ min-height: 400px;}
.top .nav-pro .sub-box dd{ line-height: 45px;}
.top .nav-single .img-shell{ min-height: 400px;}
}
@media(max-width:1280px){
.top .sub-box .Juz,
.top .nav-box{ padding: 0;}
}


/*bottom*/
.bottom{color: #999;}
.bottom a:hover{color: #fff!important;}
.bottom .back_1{ padding:70px 0; background-color: #191919;}
.bottom .back_2{ padding:70px 0; background-color: #1d1d1d;}
.bottom .back_3{ padding: 30px 0;}
.bottom .bot-shell{ border-top: solid 1px rgba(248, 248, 248, .1); border-bottom: solid 1px rgba(248, 248, 248, .1);}
.bottom .bot-nav dl{ margin-left:1%; max-width:13.4%; float: left;}
.bottom .bot-nav dt{font-family: '微软雅黑';  padding-bottom:20px; font-size: 24px; color: #fff;}
.bottom .bot-nav dd{ padding-right:10px; line-height: 30px; width:100%; float: left;}
.bottom .bot-nav dd a{ font-family: '微软雅黑'; display: inline-block; vertical-align: middle; font-size: 16px; color: rgba(255,255,255,0.5);}
.bottom .bot-nav dl:first-child{ max-width: 28%; margin-left: 0}
.bottom .bot-nav dl:first-child dd{ width: 50%;}
.bottom .Mall-box{ float: left;}
.bottom .Media-box{ float: right;}
.bottom .text-sz,
.bottom .Tub-box{ display: inline-block; vertical-align: middle;}
.bottom .text-sz{ font-family: '微软雅黑';  padding-right: 70px; font-size: 24px; color: #ffffff;}
.bottom .Tub-box{font-family: '微软雅黑';  padding-left:40px; border-left: solid 1px rgba(255,255,255,0.1);}
.bottom .Tub-box a{font-family: '微软雅黑';  position: relative; cursor: pointer; margin:0 30px; min-width: 70px; display: inline-block; vertical-align: middle; font-size: 18px; color: rgba(255,255,255,0.5); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.bottom .Tub-box a span{ font-family: '微软雅黑';}
.bottom .Tub-box .icon{ margin-bottom:15px; width: 100%; display:block; vertical-align: middle; padding-bottom: 50px; opacity: .5; background-size: contain !important; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.bottom .Tub-box .Tianm{ background: url(../images/bot_icon1.png) no-repeat center; }
.bottom .Tub-box .JinDo{ background: url(../images/bot_icon2.png) no-repeat center; }
.bottom .Tub-box .weix{ background: url(../images/bot_icon3.png) no-repeat center; }
.bottom .Tub-box .weib{ background: url(../images/bot_icon4.png) no-repeat center; }
.bottom .Tub-box a:hover .icon{ opacity: 1;}
.bottom .Tub-box .img{ display: none; position: absolute; top:-120%; left: 50%; margin-left: -45px;}
.bottom .Tub-box a:hover .img{ display: block;}
.bottom .fx-l{ font-size: 14px; line-height: 30px; float: left;}
.bottom .fx-l a{ color: rgba(255,255,255,0.5);}
.bottom .Auxiliary a{ border-right: solid 1px rgba(255,255,255,0.5); padding-right: 15px; margin-right: 15px;}
.bottom .Auxiliary a:last-child{ margin-right: 0; padding-right: 0; border-right: none;}
.bottom .fx-r{ float: right;}

.bsBox,
.bsBox *{box-sizing: content-box;}
.fixed-online{position: fixed;width: 40px;right: 2%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 300; color: #fff;border-radius: 5px; font-size: 16px; line-height: 20px;padding: 36px 10px 10px;text-align: center;background:url(../images/qq.png) no-repeat center 12px #005c30;}

.slid_top{position: fixed;height: 49px;width: 49px;right: 2%;bottom: 140px;z-index: 400;background: url(../images/slid_top2.png) no-repeat center center; display: none;}

/*Home*/

.index_banner{ position:relative;}
.index_banner li{position: relative;}
.index_banner li a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-opacity:0; z-index: 10;}
.index_banner .slick-dots{position: absolute;bottom: 20px;left: 0;right: 0; z-index: 10;}
.index_banner .slick-dots li{ transition: all .5s; width: 20px; height: 8px; background: #fff; opacity: .5; border:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.index_banner .slick-dots li.slick-active{ width: 80px; opacity:1; background: #fff;}
.index_banner .pic img{ width:100%}
.index_banner .font-ban{ position:absolute; width:100%; height:100%;}
.index_banner .font-ban .table{ display:table;width:100%; height:100%;}
.index_banner .font-ban .table-cell{ display:table-cell; vertical-align:middle; text-align:center}
.index_banner .font-ban .table-cell img{ max-width:600px;}

.same-title{padding: 100px 0 46px;text-align: left;}
.same-title b{font-size: 36px;color: #333; line-height: 48px; font-weight: 500;}
.same-title aside{ font-size:16px; letter-spacing: 1px;color: #000;margin-top:40px; padding-bottom: 35px;}
.same-title.padd aside{ padding-bottom:0;}
.Content{padding-bottom: 50px;}
.Content .same-title{padding-top:100px; padding-bottom: 45px;}
.Content .same-title b.f-b{font-size:36px; font-weight: 500; color: #000;}


.index_works{padding-bottom: 99px;}
.index_works .slick-dots{padding-top: 40px;}
.index_works .slider{ margin-left: -32px; margin-right: -32px;}
.index_works li .inner{margin: 0 32px; position: relative;}
.index_works li .inner a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-opacity:0; z-index: 10;}
.index_works .inner > .Ispic{padding-bottom: 56.25%;}
.index_works .inner aside.dot{padding: 0 30px; line-height: 59px; background: #f9f9f9;color: #333; font-size: 16px;}
.index_works .inner dl{position: absolute; right:30px; bottom: 20px; z-index: 2;}
.index_works .inner dd{float: left; width: 80px;}
.index_works .inner dd:not(:first-child){margin-left: -20px;}
.index_works .inner dd .Ispic{ height: 80px; border-radius: 50%; border: 2px solid #fff;}
.index_works .slick-dots li{border-color: #ccc;}

.index_team{background: #f6faf3;}
.index_team .wrap{ max-width: 1300px; padding: 0 10px;background: #fff;}
.index_team li{float: left;}
.index_team li:nth-child(1),
.index_team li:nth-child(2){margin-top: -25px;}
.index_team li:nth-child(1){width: 51.5625%;}
.index_team li .Ispic{background-size:contain; }
.index_team li:nth-child(1) .Ispic{padding-bottom: 70.456%; }
.index_team li:nth-child(2){ width: 47.65625%; float: right; margin-bottom: 10px;}
.index_team li:nth-child(2) .Ispic{padding-bottom: 41.804%; }
.index_team li:nth-child(3) .Ispic,
.index_team li:nth-child(4) .Ispic{width: 300px; height: 200px; margin-left: 10px;}
.index_team li a{display: block; position: relative;}
.index_team li .txt{position:absolute; left: 42px; right: 42px; top: 45px; bottom: 47px; background: url(../images/more-2.png) no-repeat left bottom;}
.index_team li:nth-child(1) .txt{left: 50px; top: 70px; bottom: 88px;}
.index_team li:nth-child(2) .txt{ top: 70px;}
.index_team li .txt b{font-size: 24px;}
.index_team li .txt pre{color: #777; line-height: 24px; max-height: 72px;}

.index_product{}
.same-prod-list li{float: left;width:20.834%;text-align: center;padding: 40px 0; }
.same-prod-list li:not(:nth-child(4n)){ margin-right:5.554%;}
.same-prod-list li:nth-child(4n+1){ clear: both}
.same-prod-list li .Ispic{position: relative;}
.same-prod-list li .Ispic::before,
.same-prod-list li .Ispic::after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0; transition: 0.3s;}
.same-prod-list li .Ispic::before {background: rgba(255,255,255,0.9);}
.same-prod-list li .Ispic::after {border: 5px solid #005c30;}
.same-prod-list li .name{ font-size: 18px;font-weight: bold;color: #555;}
.same-prod-list li .color{color: #999; line-height: 24px; min-height: 24px;}
.same-prod-list li a>.name {margin-top: 30px;}
.same-prod-list .info {position: absolute;top: 50%;left: 0;z-index: 2;width: 100%;padding: 0 12%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);opacity: 0; transition: 0.3s;line-height: 30px; font-size: 16px;background: url(../images/index_ico3.png) no-repeat center bottom;}
.same-prod-list li .desc {margin: 45px  0;color: #333;}
.same-prod-list li a:hover .Ispic::before,
.same-prod-list li a:hover .Ispic::after,
.same-prod-list li a:hover .info{opacity: 1;}

.index_product .same-prod-list li .Ispic{padding-bottom: 100%; background-size: contain;}

.index_service{background-color: #f6faf3;margin-top: 98px;}
.index_service .wrap{max-width: 1300px; padding: 0 5px; background: #fff;}
.index_service li{text-align: center;float: left;width: 33.3333%;position: relative;}
.index_service li a{display: block; margin: 0 5px;}
.index_service li .txt{position: absolute; left: 5%; right: 5%; top: 56px; z-index: 4;}
.index_service li .txt aside{ font-size: 24px; color: #333;}
.index_service li .txt pre{line-height: 24px; max-height: 48px; text-align: center;}
.index_service li a:hover aside{color: #005c30;}

.all-product{border-bottom: 10px solid #f8f8f8; padding-bottom: 55px;}
.all-product .categoryname{ background: #f7f7f7; font-size: 16px; position: relative;line-height: 30px; padding:10px 40px 10px 40px; margin: 60px 0 40px;}
.all-product .box:nth-of-type(1)  .categoryname{ margin-top: 0;}
.all-product .categoryname img{float: left; margin-top: -5px; height:38px;margin-left: -10px;margin-right: 10px;}
.all-product .categoryname span{font-size: 24px; display: inline-block; vertical-align: middle;}
.all-product .categoryname .name{ float: left}
.all-product .categoryname .category{ float: right}
.all-product .categoryname .more{padding-right: 18px; background: url(../images/more.gif) no-repeat right center;}
.all-product .categoryname dd.more:after{display: none;}
.all-product .categoryname dl{ right: 130px; overflow: hidden;}
.all-product .categoryname dd{float: left;}
.all-product .categoryname dd:after{display: inline-block; margin: 0 20px; content: ''; width: 1px; height: 12px; background: #ddd;}
/*.all-product .list{padding: 10px 0 30px 0;}*/


.index_all{background-color: #f6faf3;}
.index_all .wrap{max-width: 1300px; padding: 0 10px; background: #fff;}
.index_all li{float: left; width: 49.21575%; position: relative;}
.index_all li:nth-child(2){float: right;}
.index_all .more{background: #fff; text-align: center; padding: 62px 0 97px 0;}
.index_all .more a{display: inline-block;letter-spacing: 3px;color: #fff;padding-left: 55px;padding-right: 45px;line-height: 50px;background: #ff7e00; font-size: 16px; transition: 0.3s;}
.index_all .more a:after{display: inline-block; content: ''; width: 19px; height: 7px; vertical-align: middle; margin-left: 10px; background: url(../images/more.png) no-repeat;}
.index_all .more a:hover{background: #005c30;}
.index_all li .msg{position: absolute;bottom: 0;left: 0; width: 100%; padding: 0 42px 30px; color: #fff;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.index_all li .msg aside.dot{ font-size: 24px;}
.index_all li .msg p{ margin: 10px 0 0 0;letter-spacing: 2px;padding-left: 25px;background: url(../images/index-locate.png) no-repeat center left; line-height: 20px; font-size: 16px;}


/*nav+location */
.menu_location{background: #f9f9f9; border-bottom: 1px solid #e5e5e5;}
.menu_location.back_none{ background: none; border-bottom: none;}
.menu_nav li{float: left;}
.menu_nav li:not(:last-child){margin-right:30px;}
.menu_nav li#nav67{display: none;}
.menu_nav li a{display: block; line-height: 80px;font-size: 18px;position: relative;padding: 0 4px;}
.menu_nav li a::after{position: absolute;content: ""; left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 0;bottom: -1px;background: #005c30; transition: 0.3s; height: 3px; }
.menu_nav li.on a::after,
.menu_nav li a:hover::after{width: 100%;}

.location{ font-size: 16px; padding-left: 22px;background: url(../images/index_icon.png) no-repeat left center;}
.location> *{float: left;line-height: 80px;}
.location span{ color:#555555;}
.location a:hover{ color:#005c30;}
.location a{ color:#999;padding-right: 14px; margin-right: 9px; background: url(../images/index_icon2.png) no-repeat right center;}

/*Pages*/
.Pages{padding: 77px 0 27px 0; font-size: 16px;}
.Pages .a_end,
.Pages .a_first,
.Pages > span{display: none;}
.Pages > span.p_page{display: table; margin: 0 auto;}
.Pages a{float: left;padding: 0 20px;border:1px solid #eee; color:#bbb; margin:0 5px; line-height: 50px; height: 50px; font-family: Arial," sans-serif";}
.Pages a:hover,
.Pages a.a_cur{ color:#fff; background-color:#005c30; border-color: #005c30;}
.Pages em{float: left;font-style:normal; padding: 0 5px; overflow: hidden;}
.Pages .a_prev,
.Pages .a_next{padding: 0; font-size: 0; padding: 0; width: 50px; background-repeat: no-repeat; background-position: center center;}
.Pages .a_prev{background-image: url(../images/page/a_prev.png);}
.Pages .a_next{background-image: url(../images/page/a_next.png);}
.Pages .a_prev:hover{background-image: url(../images/page/a_prev_hover.png);}
.Pages .a_next:hover{background-image: url(../images/page/a_next_hover.png);}

/* 产品详情 */
.por_info{padding-top: 80px;}
.por_info .por_pic{width: 42.1875%;float: left;}
.por_info .por_pic .single-item div{ background: #fafafa;}
.por_info .por_pic .single-item div figure{ height: 540px;background-size: contain;}
.por_pic .slick-dots{bottom: 30px; position: absolute; left: 0; width: 100%; z-index: 10;}
.por_pic .slick-dots li{border-color: #dedede;}
.por_pic .slick-dots li.slick-active{background: #f7cb84;border-color: #f7cb84;}
.multi-item {margin:0 -0.5em;}
.multi-item .item {position:relative; cursor:pointer;}
.multi-item .pic:after {width:100%; height:100%; box-sizing: border-box; border:2px solid #005c30; position:absolute; left:0; top:0; content:''; display:block; opacity:0; transition:all .3s;}
.multi-item .slick-current .pic:after {opacity:1;}
.multi-item .pic {margin:0.5em; position:relative;}
.multi-item .Ispic {padding-bottom:100%;}

.por_info .por_text{
	width: 53%;
	float: right;
}
.por_info .por_text{font-size: 16px;line-height: 24px;color: #555;}
.por_info .por_text .title{
	padding:0 0 43px 0; margin-bottom: 43px ;
	border-bottom: 1px solid #eeeeee;
}
.por_info .por_text .title h1{
	font-size: 20px; font-weight: normal;
	 margin: 0;padding: 15px 0 10px 0;

}
.por_info .por_text .title p{
	color: #777777;
	 margin: 0 auto;
}
.por_info .por_text .pro_detail{
	padding-bottom: 58px; margin-bottom: 24px;
	border-bottom: 1px solid #eeeeee;
}
.por_info .por_text .pro_detail p{
	line-height: 40px;
	margin: 0 0 10px 0; position: relative; padding-left: 140px;
}
.por_info .por_text .pro_detail p span{
	position: absolute; left: 0; top: 0;
	width: 120px;
	background: #f9f9f9;color: #888;
	text-align: center;
	letter-spacing: 10px;
}

.por_info .por_text .Mall{overflow: hidden;}
.por_info .por_text .Mall a{
	display: block;
	float: left;
	width: 160px;
	height: 44px;
	background: #f5f5f5 no-repeat center;
	margin-right:10px ;
}
.por_info .por_text .Mall a:nth-child(1){background-image: url(../images/tiaomao_icon.png);}
.por_info .por_text .Mall a:nth-child(2){background-image: url(../images/jd_icon.png);}
.por_info .por_text .Mall a:hover{
	border: 1px solid #005c30;
}

.detail_title{
	text-align: center;
	background: #f6f6f6;
	padding: 34px 0 30px;
	margin-top: 40px;
	margin-bottom: 50px; background: url(../images/protitle_bg.jpg);
}
.detail_title h1{
	font-size: 32px;
	color: #005c30;
	font-weight: 100;
	margin: 0;
	line-height: 50px;
}
.detail_title p{
	font-size: 20px;
	color: #555555;
	text-align: center;
	margin: 0;
	line-height: 40px;
}
.detail img{
	display: block;
	margin: 0;
	width: 100%;
}

.Brand_overview{font-size: 16px;color: #555;line-height: 32px;}
.Brand_overview .same-title{ padding-bottom: 34px;}
.Brand_overview .about_one{
	position: relative;
	margin-bottom: 80px;
}
.Brand_overview .about_one .pic{
	padding-bottom: 96px;
}
.Brand_overview .about_one .pic img{width: 880px;}
.Brand_overview .about_one .text{
	font-size: 18px;
	line-height: 27px;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 36px 46px;
	padding-right: 68px; text-align: justify;
	background-color: #f3f3f5;
	width: 560px;
}



.Brand_overview .about_tow {
	margin-bottom: 74px;
	position: relative;
}
.Brand_overview .icon_list p{
	font-size: 18px;
	margin: 25px 0 60px 0;
}
.Brand_overview b.f-b{
	color: #005c30;
}
.Brand_overview .same-title b.f-b{
	color: #555;
}
.Brand_overview .about_tow .pic{
	width: 700px;
	float: right;
}
.Brand_overview .about_tow .icon_list{ line-height:27px; font-size: 18px; float: left; width: 580px;}
.Brand_overview .about_tow .icon_list ul{
	background-color: #f3f3f5;
	width: 649px; position: relative; z-index: 10; padding-top: 1px;}
.Brand_overview .about_tow .icon_list ul li{
	width: 217px;
	height: 201px; margin-top: -1px;
	float: left;
	border: 1px solid #e5e5e5; position: relative;
}
.Brand_overview .about_tow .icon_list ul li:not(:nth-child(3n+1)){margin-left: -1px;}
.Brand_overview .about_tow .icon_list ul li:hover{
	border: 1px solid red; z-index: 10;
}
.Brand_overview .about_map{
	font-size: 18px;
	margin-bottom: 50px;
}
.Brand_overview .about_map img{margin-top: 30px;}
.Brand_overview .about_map p{
	text-align: center; margin: 0;
}


.history{position: relative; z-index: 1; }
.history:after{position: absolute; content: ''; width: 2px; left: 50%; margin-left: -1px; top: 0; height: 100%; background: #005c30;}
.history ul{position: relative; z-index: 3;}
.history li{position: relative; margin-bottom: 40px;}
.history li:not(:first-child){margin-top: -90px;}
.history li:nth-child(2n-1){margin-right: 50%;}
.history li:nth-child(2n){margin-left: 50%;}
.history li:nth-child(2n-1) .txt{margin-right: 90px;}
.history li:nth-child(2n) .txt{margin-left: 90px;}
.history li .txt{position:relative;border: 1px solid #f9f9f9;background: #f9f9f9; overflow: hidden; transition: 0.3s;}
.history li .txt figure{float: left; width: 212px; height: 140px; transition: 0.3s;}
.history li:nth-child(2n) .txt figure{float: right;}

.history li .txt article{float: right; width: 310px; line-height: 26px;padding: 25px 0;}
.history li:nth-child(2n-1) .txt article{padding-right: 6px;}
.history li:nth-child(2n) .txt article{float: left; padding-left: 45px;}
.history li .txt time{font-size: 24px; color: #000; padding-bottom: 5px;}
.history li .txt pre{font-size: 18px;color: #000;}
.history li::before{position:absolute; content: '';top:50%; margin-top: -10px; width:88px; height:20px;background: url(../images/Brand_History_yuan.png) no-repeat center center; }
.history li:nth-child(2n-1)::before{margin-right: -10px;right:0;}
.history li:nth-child(2n)::before{background-image: url(../images/Brand_History_yuan2.png); left: 0; margin-left: -10px;}
.history li .txt:hover{border-color: #005c30;}
.history li .txt:hover figure{ transform: scale(1.04);-webkit-transform: scale(1.04);-ms-transform: scale(1.04);}



.Standard{ background-color: #f3f3f5; padding: 40px; }

.honor-title{text-align: center;font-size: 24px; color: #005c30;text-align: center; font-weight: bold;padding: 45px 0 65px 0;}


.payoffs .list ul{ padding:0 50px;}
.payoffs .list li{ float:left; position:relative;  text-align:center; margin-bottom:0%;}
.payoffs .list li:first-child:before,
.payoffs .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;}
.payoffs .list li:first-child:before{ left:-50px; background:url(../images/honor/ul_l.png) no-repeat 0 0;}
.payoffs .list li:last-child:after{right:-50px; background:url(../images/honor/ul_r.png) no-repeat 0 0;}
.payoffs .list li aside{ padding-top:35px;height:90px; background:url(../images/honor/libg.png) repeat-x left top;}
.payoffs .list li .ytable{ height:245px;}
.payoffs .list li .ytable-cell{ vertical-align:bottom;}
.payoffs .list li figure{ position:relative; display:inline-block;max-width: 80%;}
.payoffs .list li figure:after{ position:absolute; right:-24px; top: 0; background:url(../images/honor/ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';}
.payoffs .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background: url(../images/kuang.png) no-repeat ;background-size:100% 100%;}
.payoffs .list li p{ font-size: 16px; margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#555;}

.payoffs .list .ul-4 li{width:25%;}
.payoffs .list .ul-3 li{width:33.33333333%;}
.payoffs .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/honor/ul_r.png) no-repeat 0 0;}
.payoffs .list .ul-2 li{width:50%;}
.payoffs .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/honor/ul_r.png) no-repeat 0 0;}
.payoffs .list .ul-2 li:nth-child(1) > *{ padding-left:30%;}
.payoffs .list .ul-2 li:nth-child(2) > *{ padding-right:30%;}
.payoffs .list .ul-1 li{width:100%;}


.payoffs{ margin-top:-40px; overflow: hidden;}
.payoffs .img{ overflow:hidden; background:#6eb92b;}
.payoffs .img img{ opacity:0.15; -webkit-opacity:0.15;}
.payoffs .auto-inner{ position:relative; z-index:10; background:#fff; border-radius:50px 50px 0 0; padding:4% 0;margin-top: -95px !important;}

#honor .slick-dots{padding-top: 60px;}
#honor .slick-dots li{ border-color: #e2e2e2;}
#honor .slick-dots li.slick-active{background: #f7cb84;border-color: #f7cb84;}


.news_list  li{float: left;width: 31.25%;margin-bottom: 30px;transition: 0.3s;}
.news_list  li:not(:nth-child(3n)){margin-right: 3.125%;}
.news_list li .pic{overflow: hidden;}
.news_list li figure.Ispic{padding-bottom: 75%;transition: 0.3s;}
.news_list li .txt{border: 1px solid #eee;border-top: 0;padding: 18px 18px 40px 18px; position: relative; z-index: 4;}
.news_list li aside.dot2{font-size: 24px;line-height: 30px;height: 60px; clear: both; margin-bottom: 15px;}
.news_list li aside.dot3{ font-size:18px; color: #999;line-height:30px;margin: 0; height:90px;}
.news_list li .txt time{background: #f6f6f6;padding: 8px 12px;text-align: center;float: left; margin-bottom: 25px; margin-top: -48px;color: #005c30;font-size: 16px; font-family: 'DINCond-Bold',Arial," sans-serif";}
.news_list li .txt time b{ font-family: 'DINCond-Bold',Arial," sans-serif";display: block;font-size: 48px;line-height: 38px;}
.news_list li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.news_list li:hover figure.Ispic{transform: scale(1.3); -webkit-transform: scale(1.3); -ms-transform: scale(1.3); }
.news_list .Pages{ padding-top: 36px;}

.news_info{padding: 50px 0;}
.news_info .title{text-align: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #eee;}
.news_info .title > *{margin: 0;}
.news_info .title h1{font-size: 24px; font-weight: normal; padding-bottom: 10px;}
.news_info .title p{color: #666;}
.news_info .info_pn{ padding-top: 50px; text-align: right;}
.news_info .info_pn span{margin-bottom: 10px;}


.contact_con{background: url(../images/map_bg.png);padding:80px 0;}
.contact_con .singlepage{background: #FFFFFF; width: 1000px; margin: 0 auto ;padding:60px 0 27px;}

.css-7 h2{font-weight: normal; margin: 0 0 50px 0; font-size: 20px; color: #005c30; text-align: center;}
.css-7 ul{max-width:706px ; margin: 0 auto; overflow: hidden;}
.css-7 li{float: left; width: 50%; line-height: 32px; position: relative; padding-left: 27px;}
.css-7 li:nth-child(2n+1){clear: left;}
.css-7 li:nth-child(2n){ margin-right:-50px;}
.css-7 li i{position: absolute; left: 0; top:8px;}
.css-7 li i img{display:block;}
.css-7 li p{margin: 0; font-size: 16px;}

.contact-icon{background: #fff; padding-bottom:60px;}
.contact-icon ul{ display: table; margin: 0 auto;}
.contact-icon li{float: left; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #e7e7e7; background: url(../images/weibo.png) no-repeat center center #fff; position: relative;z-index: 10; margin: 0 5px;}
.contact-icon li:hover{background-color: #f5f5f5;}
.contact-icon li.sina{background-image: url(../images/weixin.png);}
.contact-icon li figure{position: absolute; bottom: 100%; margin-bottom: 10px; padding: 5px; width: 150px; height: 150px; left: 50%; margin-left: -75px; box-shadow: 0 0 10px rgba(0,0,0,0.2); background: #fff; display: none;}
.contact-icon li figure:after{position: absolute; content: '';border:5px solid transparent; border-top-color: #fff; bottom: -10px; left: 50%; margin-left: -2.5px;}
.contact-icon li:hover figure{display: block;}
.map{ border: 1px solid #f2f2f2; padding: 5px;}
#map{height: 390px;}
#map img{max-width: none;}
#map,
#map *{box-sizing: content-box;}

.Designer_brand .same-title b{ font-size: 36px; color: #000;}

.Bathroom .one-time{padding: 0 48px; }
@media(min-width:1450px){
.Bathroom .one-time{margin: 0 -80px;}
}
.Case_show .slick-arrow:hover,
.Bathroom .one-time .slick-arrow:hover{background-color: #005c30;}
.Bathroom .one-time .slick-prev{left: 0;}
.Bathroom .one-time .slick-next{right: 0;}
.Case_show .slick-prev:hover,
.Bathroom .one-time .slick-prev:hover{ background-image: url(../images/slick-prev02.png);}
.Case_show .slick-next:hover,
.Bathroom .one-time .slick-next:hover{background-image: url(../images/slick-next02.png);}

.one-time .inner{padding: 0 32px;}
.one-time .pic{ position:relative;}
.one-time .pic .Ispic{padding-bottom:56.6%;}
.one-time .pic a{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/play.png) no-repeat center center rgba(0,92,48,0.05); }
.one-time .inner aside{text-align:center;line-height: 60px;background: #f6f6f6;color: #555; font-size: 18px; transition: 0.3s;}
.one-time li:hover aside{background: #005c30;color: #FFF;}
.one-time .pic .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.one-time .pic .video_files video{width:100%; height:100%; background-color:#000;}
.one-time .pic .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.one-time .pic .video_files .close::before,
.one-time .pic .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.one-time .pic .video_files .close::before{ transform:rotate(45deg);}
.one-time .pic .video_files .close::after{ transform:rotate(-45deg);}

.Outstanding_designer{margin-bottom: 50px;}
.Outstanding_designer li{overflow: hidden;padding-bottom:80px;}
.Outstanding_designer li > *{float: left;width: 50%;}
.Outstanding_designer li:nth-child(2n) .pic{float: right;}
.Outstanding_designer li:nth-child(2n-1) figure{padding: 70px 96px 0 84px;}
.Outstanding_designer li:nth-child(2n) figure{padding: 70px 109px 0 80px;}
.Outstanding_designer li figure h2{font-size: 28px;line-height: 40px;margin: 0;}
.Outstanding_designer li figure p{font-size: 16px;color: #555;line-height: 28px;}

.Design_Concept{margin-top: -100px;position: relative;z-index: 9; padding-bottom: 100px;}
.Design_Concept .wrap{max-width: 1440px; padding: 140px 80px 0 80px; background: #FFF;}
.one-time2 .list .pic01 {width: 68.75%;float: left;}
.one-time2 .list .pic01 .slick-dots{position: absolute; left: 0; bottom: 20px; z-index: 10; width: 100%;}
.one-time2 .list .pic02 {width: 25.78125%;float: right;}
.one-time2 .list .txt{float: left; margin-top: -150px;width: 100%;}
.one-time2 .list .inner{margin-left: 60px;padding: 50px 0; background-color: #f3f3f5; overflow: hidden;}

.one-time2 .list .text-left{width: 68%;float: left;padding: 150px 0 0 100px;color: #555;}
.one-time2 .list .text-left h2{margin: 0; font-size: 24px;  text-transform: uppercase;color: #555;}
.one-time2 .list .text-left p{line-height: 32px; font-size: 16px; margin-bottom: 10px;color: #555;}
.one-time2 .list .text-right {width:25.78125%;border-left: 1px solid #e5e5e5;float: right;padding: 0 47px;text-align: center;}
.one-time2 .list .text-right img{width: 110px;height: 110px;display: block;margin: 0 auto;border-radius:50% ;}
.one-time2 .list figure .text-right aside{font-size: 18px;color: #555; padding: 16px 0 20px 0;}
.one-time2 .list figure .text-right pre{line-height: 24px;color: #888;}
.Designer_brand .one-time2 .slick-arrow{bottom: 0;top: inherit;}
.Designer_brand .one-time2 .slick-prev{left: 0px;}
.Designer_brand .one-time2 .slick-next{left: 60px;right: inherit;background-color: #005c30;background-image:  url(../images/slick-next02.png);}


.Design_award .wrap{margin-top: -100px;margin-bottom: 100px;background: #FFFFFF;padding: 0 80px; max-width: 1440px; position: relative; z-index: 2;}

.Design_award .Option .tab{border-bottom:5px solid #f5f5f5;text-align: center;}
.Design_award .Option .tab span{display: inline-block;padding:0 0 15px 0;margin: 0 30px;position: relative; cursor: pointer;}
.Design_award .Option .tab span img{height: 80px;margin: 0;}
.Design_award .Option .tab span::after{content: "";position: absolute;bottom: -5px;left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);width: 0;height: 5px;background: #005c30;opacity: 0;transition: all 0.3s;  }
.Design_award .Option .tab span.on::after,
.Design_award .Option .tab span:hover::after{width: 100%;opacity: 1;}

.Design_award .Option-con h2{padding: 55px 0;color: #555;font-size: 18px;text-align: center;}
.Design_award .Option-con li{background: #fbfbfb;margin-bottom: 20px;color: #555;}
.Design_award .Option-con dl{ position: relative; padding-left: 240px;min-height: 240px;}
.Design_award .Option-con dt{ box-shadow: 5px 0px 5px -5px rgba(0,0,0,0.3); position: absolute; left: 0; top:5%; height: 90%;width: 240px;}
.Design_award .Option-con dt span{font-size: 24px; position: absolute; left: 0; top: 50%;  width: 100%; line-height: 40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);text-align: center;}
.Design_award .Option-con dd{text-align: center;width: 25%;float: left; padding: 10px 0 15px 0; position: relative; z-index: 2; transition: 0.3s;}
.Design_award .Option-con dd .Ispic{ padding-bottom: 76.924%;background-size: contain;}
.Design_award .Option-con dd aside{line-height: 22px; margin-top: 10px;font-size: 16px;}
.Design_award .Option-con dd:hover{ box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.Design_award .Option-con dd:hover p{color: #005c30;}

.Case_show h2,
.Partner_list h2{ font-size:32px;line-height:40px; margin: 0 0 30px 0;color: #000000;}
.Partner_list li{width: 18.8%;border: 1px solid #e5e5e5;float: left;margin-bottom: 2%;overflow: hidden;transition: all 0.6s; }
.Partner_list li:not(:nth-child(5n)){margin-right:1.5%;}
.Partner_list li a{height: 98px;background-size: contain;transition: all 0.6s; text-align: center;}
.Partner_list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2)}
/*.Partner_list ul li:hover a{transform: scale(1.4);-webkit-transform: scale(1.4);-ms-transform: scale(1.4);}*/
.Partner_list li a img{max-height: 90px;}

.Case_show h2{ line-height: 40px; margin-top:100px; float: left;}
.Case_show .title h2 {float:none;color:#005c30;text-align:center;}
.Case_show{ margin-bottom:130px;}
.Case_show .tab{ width: 65%; float: right; margin-bottom: 50px;overflow: hidden;font-size: 0;text-align: right;}
.Case_show .tab span{width: 33.33333%;float: none;border-right:1px solid #e5e5e5 ;text-align: center;padding: 20px 0 10px 0;font-size: 20px;cursor: pointer;color: #555;display: inline-block;}
.Case_show .tab span:first-child{border-left:1px solid #e5e5e5 ;}
.Case_show .tab img{display: block; margin: 0 auto 10px; height: 74px;}
.Case_show .tab span.on{color: #005c30;}
.Case_show_con .box{height: 0;overflow: hidden;opacity: 0;transition: all 0.6s;  }
.Case_show_con .box.show{height: auto;opacity: 1;transition: all 0.6s;  }
.Case_show .box figure{margin:0 auto;position: relative;z-index: 99;background: #f7f7f7;padding: 44px;color: #555;}
.Case_show .box figure h2{ width: 100%; margin: 0 0 15px 0;font-size: 24px;text-align: left;}
.Case_show .box figure p{margin: 0;line-height: 24px;font-size: 16px;}
.Case_show .slick-prev{left: 0;}
.Case_show .slick-next{right: 0;}


.Investment-main{padding-bottom: 91px;}
.Investment-main .wrap{max-width: 1680px; width: 94%; }
.invest-title{padding: 30px 40px 0; min-height: 182px;}
.Process .invest-title{min-height: 160px; padding-left: 0;}
.join-apply .invest-title{min-height: 150px; text-align: center;}
.support .invest-title{ text-align: right;}
.invest-title dd:nth-child(1){margin-bottom:20px;font-size: 36px; line-height: 50px;}
.Process .invest-title dd:nth-child(1)::before{display: none;}
.invest-title dt{font-size:16px;color: #000000;margin-bottom: 13px;}
.invest-title dd:last-child{ text-align: center;text-transform: uppercase;}
.Process  .invest-title dd:last-child{text-align: left;}
.invest-title dd:last-child span{ display: inline-block;font-size: 18px;color: #000; line-height: 13px; font-family: 'DIN-Medium', Arial," sans-serif";}

.support{margin: 159px 0 200px 0;position: relative;}
.support .Ispic{position: absolute; left: 0; top: 0; height: 100%; width: 60%;}
.support .slider{margin-left: 39.881%; padding-bottom: 118px; padding-top: 89px; z-index: 10;}
.support .slick-arrow{bottom: 0; top: auto; margin: 0; left: 33.5%;}
.support .slick-prev{margin-left: -60px;}
.support .slick-next{ right: auto; }

.Investment-main .slick-arrow{background-color: #005c30;}
.Investment-main .slick-prev{background-image: url(../images/slick-prev02.png);}
.Investment-main .slick-next{background-image: url(../images/slick-next02.png);}
.Investment-main .slick-disabled{background-color: #f6f6f6;}
.Investment-main .slick-prev.slick-disabled{background-image: url(../images/slick-prev01.png);}
.Investment-main .slick-next.slick-disabled{background-image: url(../images/slick-next01.png);}

.support .slider li{background: #fffbf4; height: 450px; overflow: hidden;}
.support .slider li:nth-child(2n){background: #f7fbff;}
.support .slider li:nth-child(3n){background: #fef6fb;}
.support .slider li .box{ max-width: 240px; width: 80%; margin: 0 auto; padding-top: 103px; color: #555;}
.same-slider-txt li h2{margin: 0; font-size: 24px;}
.same-slider-txt li h2 span{ border-bottom: 4px solid #f7cb84;display: inline-block; line-height: 15px; padding-right: 20px; color: #555;}
.same-slider-txt li pre,
.same-slider-txt li p{line-height: 30px; color: #777; font-size: 16px; margin-top: 19px;}

.requirements{margin: 0 auto 200px;}
.requirements .invest-title{ text-align: center;}
.requirements .slider{position: relative;}
.requirements .slider:after{position: absolute; content: ''; right: 0; top: 0; height: 100%; width: 1px; background: #fff; z-index: 10;}
.requirements .slider li{ padding-bottom: 60px; position: relative; border-right: 1px solid #ddd;}
.requirements .slider li .box{border-bottom: 1px solid #ddd; height: 530px; overflow: hidden; padding: 0 40px;}
.requirements .slider li .box img{margin: 77px 0; height: 78px;}
.requirements .slider .slick-arrow{left: 60%; bottom: 0; top: auto;margin: 0;}
.requirements .slider .slick-prev{margin-left: -60px;}

.Process{position: relative; z-index: 1; margin-bottom: 200px;}
.Process .Ispic{position: absolute; height: 100%; top: 0; left: 40%; width: 67.143%;}
.Process .slider{ padding: 170px 0 140px 0; border-left: 1px solid #ddd; max-width: 1344px; width: 90%;}
.Process .slider li{background: #fff;border-right: 1px solid #ddd; position: relative; min-height: 320px;}
.Process .slider li:after{position: absolute; content: ''; width: 18px; height: 18px; transform: rotate(45deg); background: #fff; border-top: 1px solid #ddd; border-right: 1px solid #ddd; top: 50%; margin-top: -9px;right: -9px; z-index: 10;}
.Process .slider li .box{padding: 0 32px;}
.Process .slider li .box img{margin: 45px 0; height: 78px;}
.Process .slider li .box p{margin-top: 10px;}
.Process .slider .slick-arrow{left: 50%; bottom: 0; top: auto;margin: 0;}
.Process .slider .slick-prev{margin-left: -60px;}


.join-apply{ position: relative;background: #f6faf3; padding: 0 119px 85px 119px;}
.join-apply > *{position: relative; z-index: 3;}
.join-apply .form{background: #fff; z-index: 2; padding-top: 56px; padding-bottom: 105px;}
.join-apply .form > *{max-width: 873px; margin: 0 auto; width: 95%;}
.join-apply .form ul{margin-bottom: 55px;}
.join-apply .form li{float: left;}
.join-apply .form .row-2 li{ width: 46.163%;}
.join-apply .form .row-2 li:last-child{float: right;}
.join-apply .form .row-3 li{width: 32%;}
.join-apply .form .row-3 li:not(:nth-child(3n)){margin-right: 2%;}
.join-apply .form .btn{padding-top: 13px; text-align: center;}
.join-apply .form .btn input{width: 178px; height: 50px; background: #005c30; padding: 0; cursor: pointer; color: #fff; font-size: 18px; border: 0;}
.join-apply .form .name{ font-size: 18px;color: #555; min-height: 26px;}
.join-apply .form .input{position: relative;}
.join-apply .form .input label{position: absolute; left: 0; top: 0; line-height: 50px; color: #b8b8b8;}
.join-apply .form select,
.join-apply .form .text{height: 50px; line-height: 50px; width: 100%; border: 0; border-bottom: 1px solid #ddd;}
.join-apply .form select{display: block!important;  color: #b8b8b8;}

.Download_list .title_select{border-top: 1px solid #eeeeee;margin: 40px 0; position: relative;}
.Download_list .title_select .select{position: absolute;top: -22px;right: 0;padding: 0 10px;background: #FFF;}
.Download_list .title_select select{width: 300px;line-height: 44px;height: 44px;border: 1px solid #eeeeee;display: block;padding: 0 15px;background:#ffffff url(../images/select_bg.png) no-repeat right 14px center;appearance:none;  -moz-appearance:none;  -webkit-appearance:none; color: #999; }
.Download_list .title_select select option{line-height: 44px;height: 44px;}
.Download_list .title_select select option:nth-child(1){}
.Download_list .title_select select::-ms-expand { display: none; }
.Download_list li{width: 49.5%;float: left;margin-bottom: 1%;}
.Download_list li:not(:nth-child(2n)){margin-right: 1%;}
.Download_list li a{line-height: 56px;font-size: 16px;color: #777;padding: 0 80px 0 33px;background: #f5f5f5 url(../images/Download_icon.png) no-repeat right 4% center;}
.Download_list .ul li a:hover{color: #FFF;background-color:#005c30;background-image: url(../images/Download_icon_b.png);}


.common_list{
	padding-bottom: 50px;
}
.common_list li{
	margin-bottom:100px;
}

.common_list dt{padding:15px 32px;line-height: 30px;background: #f5f5f5;font-size: 20px;color: #005c30;}
.common_list dd{border-bottom: 1px solid #e5e5e5;position: relative; padding: 0 32px;}
.common_list dd::after{position: absolute;content: "";right:26px;top: 24px;width: 16px;height: 16px;background: url(../images/icon_jia.png) no-repeat center;cursor: pointer;z-index: 9;}
.common_list dd.on::after{background-image: url(../images/icon_jialv.png) ;}
.common_list dd h1{font-weight: 100;font-size: 16px;color: #777;padding:15px 48px 15px 16px;position: relative;line-height:30px;margin: 0;z-index: 10;cursor: pointer;}
.common_list dd h1::after{content: "";position: absolute;left: 0;top: 28px;width: 4px;height: 4px;background: #005c30;}
.common_list dd pre{position: relative; padding:0 35px 40px 35px;line-height: 32px;font-size: 16px;color: #777;display: none;}
.common_list dd pre span{position: absolute; left: 0; top: 0;}


.menu-job li{float: left; width: 420px; text-align: center;}
.menu-job li:not(:nth-child(3n)){margin-right: 10px;}
.menu-job li a{display:block; border-bottom: 2px solid #f6faf3; background: #f6faf3; padding: 30px 0 26px 0;}
.menu-job li img{display: block; margin: 0 auto; height: 60px;}
.menu-job li aside{padding-top: 18px; font-size: 20px;}
.menu-job li:nth-child(2) a{background: #fffbf4; border-bottom-color: #fffbf4;}
.menu-job li:nth-child(3) a{background: #fef6fb;border-bottom-color: #fef6fb;}
.menu-job li:nth-child(1) a:hover,
.menu-job li:nth-child(1) a.on{border-bottom-color: #a7d28e;}
.menu-job li:nth-child(2) a:hover,
.menu-job li:nth-child(2) a.on{border-bottom-color: #f7cb84;}
.menu-job li:nth-child(3) a:hover,
.menu-job li:nth-child(3) a.on{border-bottom-color: #f6b2ac;}

.singlePage{color: #555; font-size: 16px;}


.css-33-1 .main{ background-color: #f3f3f5;}
.css-33-1 .pic{width:50% ;}
.css-33-1 .txt aside{ padding-left: 12.5%;line-height:35px; font-size: 18px;}
.css-33-1 .txt aside b.f-b{color: #005c30; font-size: 24px; font-family: '微软雅黑'; }
.css-33-2 li{float: left; width: 20%; padding-bottom: 60px;}
.css-33-2 li:not(:last-child){border-right: 1px solid #ddd;}
.css-33-2 li .box{border-bottom: 1px solid #ddd; min-height: 320px; padding: 0 30px;}
.css-33-2 li .box img{margin: 36px 0 30px 0; display: block;}
.css-33-2 li p{margin: 0; line-height: 24px; color: #777; font-size: 14px;}
.css-33-2 li h2{padding-bottom: 25px;}
.css-33-2 li h2 span{font-size: 24px; line-height: 18px; border-bottom: 4px solid #f7cb84; display: inline-block; padding-right: 5px;}
.css-33-4{padding-bottom: 50px;}
.css-33-4 .main{ line-height:40px; font-size: 18px; text-align: center;}
.css-33-4 .main b.f-b{ font-family: '微软雅黑'; color: #005c30; font-size: 24px;}

.css-34-2{padding-bottom: 90px;}
.css-34-2 li{width: 50%;float: left;padding-top: 30px;padding-bottom: 26px;text-align: center; line-height: 28px;}
.css-34-2 li:not(:nth-child(2n)){border-right: 1px solid #e5e5e5;}
.css-34-2 li img{display: block;height: 50px; margin: 0 auto;}
.css-34-2 li h2{font-size: 16px;margin:20px 0 0 0;color: #005c30;}
.css-34-2 li p{font-size: 16px;text-align: center;margin: 0;}
.css-34-2 li a{display: block;margin: 30px auto 0;width: 120px;line-height: 40px;text-align: center;background: #005c30;color: #FFF;border:1px solid transparent;}
.css-34-2 li a:hover{background: #FFF;color: #005c30;border-color: #005c30;}

.job-list .type{display: table; width: 100%;}
.job-list ol.type{background: #f5f5f5;}
.job-list ul.type{position: relative; border-bottom: 1px solid #ddd;}
.job-list ul.type:after{ width: 16px; height: 16px; position: absolute; content: ''; background: url(../images/icon_jia.png) no-repeat center center; right:30px ; top: 50%; margin-top: -8px;}
.job-list ul.type.on{border-bottom-color: transparent;}
.job-list ul.type.on:after{background-image: url(../images/icon_jialv.png);}
.job-list .type li{display: table-cell; vertical-align: middle;text-align: center;}
.job-list .type li:nth-child(1){width: 398px; padding-left: 30px; text-align: left;}
.job-list .type li:nth-child(2){ width: 252px;}
.job-list .type li:nth-child(3){width: 270px;}
.job-list .type li:nth-child(4){ padding-right: 80px;}
.job-list ol.type li{ font-size: 20px; color: #005c30; line-height: 60px;}
.job-list ul.type li{padding-top: 15px; padding-bottom: 15px; line-height: 30px; font-size: 16px; color: #777;}
.job-list .list:nth-of-type(2n) ul.type{background-color: #f9f9f9;}
.job-list ul.type li:nth-child(1) span{ display: block;position: relative; padding-left: 14px;}
.job-list ul.type li:nth-child(1) span:before{position: absolute; left: 0; top: 14px; content: ''; width: 4px; height: 4px; background: #005c30;}
.job-list .box:before{display: block; content: ''; margin: 0 15px; height: 1px; background: #ddd;}
.job-list .box{ padding:0 15px 40px;color: #777; display: none;border-bottom: 1px solid #ddd;}
.job-list .box .singlePage{color: #777; padding:20px 0 40px 0; line-height: 32px;}
.job-list .box .btn{display: block; margin: 0 auto; width: 160px; line-height: 43px; color: #fff; background: #005c30; text-align: center;font-size: 16px;}

#school .type li:nth-child(1){ width: 333px;}
#school .type li:nth-child(2){ width: 346px; text-align: left; padding-right: 100px;}
#school .type li:nth-child(3){ width: 170px;}
#school .type li:nth-child(4){ width: 180px; padding: 0;}
#school .type li:nth-child(5){text-align: left; padding:0 50px;}

.fixed-job{position: fixed; left: -100%; opacity: 0; -webkit-opacity: 0; top: 0; width: 100%; height: 100%;background: rgba(255,255,255,0.9); z-index: 300; transition:opacity 0.3s;}
.fixed-job.show{left: 0; opacity: 1; -webkit-opacity: 1;}
.fixed-job .main{position:absolute; z-index: 400; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); width: 600px; min-height: 500px; top: 50%; margin-top: -250px; left: 50%; margin-left: -300px; padding: 20px; border-radius: 5px;}
.fixed-job .close{position: absolute; right: 0; top: 0; width: 30px; height: 30px; background: url(../images/icon_jialv.png) no-repeat center center; cursor: pointer;}
.fixed-job ol{ padding-bottom: 10px;}
.fixed-job ol span{font-size: 20px; color: #005c30;}
.fixed-job li{position: relative; }
.fixed-job li:not(:last-child){margin-bottom: 20px;}
.fixed-job li label{position: absolute; left: 10px; top: 0; line-height: 40px; color: #999;}
.fixed-job li .text{height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; padding: 0 10px; width: 100%; border: 1px solid #ddd;}
.fixed-job li .btn{display: block; margin: 0 auto; width: 160px;height: 43px; color: #fff; background: #005c30;font-size: 16px; border: 0; cursor: pointer; padding: 0;}
.fixed-job .queueList{margin: 0;}
.fixed-job .placeholder{padding: 20px 0; font-size: 14px;}
.placeholder .webuploader-pick{background: #000;}

.css-34-1 ul:not(:last-child){margin-bottom: 50px;}
.css-34-1 ul li{ position: relative; z-index: 3;}
.css-34-1 ul ol{}
.css-34-1 ul:nth-of-type(2n-1) li,
.css-34-1 ul:nth-of-type(2n) ol{float: left;width: 45.3125%;}
.css-34-1 ul:nth-of-type(2n) li,
.css-34-1 ul:nth-of-type(2n-1) ol{float: right;width: 54.6875%;}
.css-34-1 h2{color: #005c30; font-size: 20px; line-height: 100px;}
.css-34-1 ul:nth-of-type(2n) h2{ text-align: right;}
.css-34-1 dl{ padding-top: 1px; }
.css-34-1 ul:nth-of-type(2n-1) li dl{width: 112.069%;}
.css-34-1 ul:nth-of-type(2n) ol img{ max-width: none; width: 112.069%;}
.css-34-1 dl dd{float: left; min-height: 200px;border: 1px solid #ddd; margin-top: -1px;background-color: #f3f3f5;text-align: center;   padding-top: 62px; position: relative;}
.css-34-1 dl dd aside{padding-top: 15px; font-size: 18px; color: #555;}
.css-34-1 dl.row-2 dd{width: 50%;}
.css-34-1 dl dd:after{position: absolute; content: ''; width: 16px; height: 12px; background: url(../images/Process_icon5.png) no-repeat;  z-index: 10;left: 100%; margin-left: -8px; top: 50%; margin-top: -6px;}
/*.css-34-1 dl.row-2 dd:after{}*/
.css-34-1 dl.row-2 dd:not(:nth-child(2n-1)){margin-left: -1px;}
.css-34-1 dl.row-3 dd:nth-child(3):after,
.css-34-1 dl.row-2 dd:nth-child(2):after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); left: 50%; margin-left: -8px; top: 100%; margin-top: -6px;}
.css-34-1 dl.row-3 dd:nth-child(4):after,
.css-34-1 dl.row-3 dd:nth-child(5):after,
.css-34-1 dl.row-2 dd:nth-child(3):after{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.css-34-1 dl dd:last-child:after{display: none;}
.css-34-1 dl.row-3 dd{width: 33.3333333%; margin-left: -1px;}
.css-34-1 dl.row-3 dd p{color: #888; padding: 0 25px;}
.css-34-1 dl.row-9 dd{width:11.11111%; margin-left: -1px;}
.css-34-1 dl.row-9 dd img{height: 44px;}

.planning li{ height: 120px; width: 300px;float: left; text-align: center;margin-bottom: 20px; background: #f5f5f5;}
.planning li b{display: block; color: #005c30; font-size: 20px;}
.planning li time{font-size: 16px; color: #777;}
.planning li:not(:nth-child(4n)){margin-right: 26px;}

.TextList000746{margin: 50px 0;}
.TextList000746 li{border: #f0f0f0 1px dashed;margin-bottom: 10px; transition: 0.3s; line-height:27px; padding:10px;}
.TextList000746 li a{font-size: 16px;}
.TextList000746 li a:before{ display: inline-block; vertical-align: middle; margin-right: 10px; width: 4px; height: 4px; background: #005c30; content: '';}
.TextList000746 li:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.TextList000746 li time{ float:right; color:#999;  margin-left:10px;}

.Store_area{ background: url(../images/map_bg.png) no-repeat center top;}
.Store_area .select{ margin: 0 auto 100px;}
.Store_area .fx-les{ float: left; width: 48%;}
.Store_area .select select{float: left; width:48%; height: 50px; margin-right:10px; line-height: 50px; border: 1px solid #ccc; background-color: #fff; padding: 0 15px; font-size: 16px;}
.Store_area .select select:nth-child(1){margin-right: 12px;}
.Store_area .select .btn{ position: relative; padding-bottom:5px; border-bottom: solid 1px #000; float: right; width: 49.31%;}
.Store_area .select .shur{ width:80%; font-size: 16px; padding-right:10px; line-height: 45px; height: 45px; vertical-align: middle; border: none; float: left;}
.Store_area .select .shur::-webkit-input-placeholder {color: #555555;}
.Store_area .select .shur::-moz-placeholder {color: #555555;}
.Store_area .select .shur:-ms-input-placeholder {color: #555555;}
.Store_area .select .Anout{ vertical-align: middle; display: inline-block; height:45px; width: 25px; background: url(../images/top-icon4.png) no-repeat center; position: relative; padding: 0; float: right;}


.Store_img{ padding-top: 80px; margin-bottom: 40px;}
@media(min-width:1441px){
.Store_img .wrap2{max-width: 1440px;}
}
@media(max-width:1440px){
.Store_img .wrap2{max-width: 1360px;}
}
.Store_img .slider{padding-bottom: 54px;}
.Store_img .slider li .inner{position: relative;margin:0 35px; overflow: hidden;}
.Store_img2 .slider li .inner{ margin: 0 auto;}
.Store_img .slider li .inner img{ width: 100%;}
.Store_img .slider li .inner .index-but{position: absolute;z-index: 11;bottom: 30px;right: 30px;background-color: #fff;}
.Store_img .slider li .inner:after{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0.8); z-index:10; transition:0.3s;}
.Store_img .slider li.slick-current .inner:after,
.Store_img .slider li.slick-center .inner:after{ opacity:0; -webkit-opacity:0;}
.Store_img .slick-list{ overflow:inherit;}
.Store_img .slick-dots{position: absolute; top:-45px; left:120px; right: 100px; }
.Store_img2 .slick-dots{ background-color: #e3e3e3; top: auto; bottom: 11px; left: 90px; right: 80px;}
.Store_img .slick-dots li{height: 1px; width: 101px; background: #e3e3e3;float: left; margin: 0; border-radius: 0; border: 0;}
.Store_img .slick-dots li.slick-active{background: #005c30;}
.Store_img .slick-arrow{right: 26px; top: -60px; left: auto; width: 45px; height: 27px;  background-color: transparent; margin: 0;}
.Store_img2 .slick-arrow{ width: 27px;}
.Store_img2 .slick-arrow{ top: auto; right: 0; bottom: -2px;}
.Store_img .slick-prev{background-image: url(../images/store_left02.png); margin-right: 45px;}
.Store_img2 .slick-prev{ margin-right: 35px;}
.Store_img .slick-next{background-image: url(../images/store_right01.png);}
.Store_img .slider li .txt{position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; padding:25px 30px;transform: translateY(100%);-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transition:0.3s 0.3s;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.8+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
}
.Store_img .slider li .txt aside{font-size: 20px; padding-bottom: 10px;font-family: 'SourceHanSansSC-Normal';}
.Store_img .slider li .txt pre{opacity: 0.8; -webkit-opacity: 0.8; font-size: 16px; line-height: 24px;font-family: 'SourceHanSansSC-Normal';}
.Store_img .slider li.slick-current .txt,
.Store_img .slider li.slick-center .txt{ transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}

.Store_img .wrap2{position: relative;}
.Store_img .total-num,
.Store_img .total-num *{font-family: Arial," sans-serif";}
.Store_img .total-num{position: absolute; left: 40px; top: -60px; color: #bbb; font-size: 24px; }
.Store_img .total-num .cur{ color: #005c30;}
.Store_img2 .total-num{ top: auto; left: 0; bottom:36px;}

@media(max-width:1440px){
.Store_img .slider li .inner{margin: 0 20px; }
.Store_img .total-num{left: 20px;}
.Store_img .slick-arrow{right:5px; }
}

.Store_map{overflow: hidden;}
.Store_map,
.Store_map .wrap{position: relative; z-index: 10;}
.Store_map #allMap{position: absolute; right: 0; top: 0; width: 150%; height: 100%;}
.Store_map #allMap,
.Store_map #allMap *{box-sizing: content-box;}
.Store_map #allMap img{max-width: none;}
.Store_map .wrap{height: 640px;}
#map-con{padding: 50px; float: right; width: 50%; background: #f9f9f9;}
#map-con .mCustomScrollbar{overflow: auto; height: 540px; }
#map-con .mCSB_inside > .mCSB_container{margin-right: 0;}
#map-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 5px; background: #005c30;border-radius: 0;}
#map-con .mCSB_scrollTools{opacity: 1; width: 5px;}
#map-con .mCSB_scrollTools .mCSB_draggerRail{background: #e5e5e5; width: 100%; border-radius: 0;}
#map-con li{margin-right: 37px; min-height: 180px; border-bottom: 1px solid #e0e0e0; padding-top: 30px;}
#map-con li aside{ font-size: 20px; line-height: 30px; max-height: 60px; padding-left: 30px; background: url(../images/map_icon.jpg) no-repeat left 3px;background-size: auto 24px;}
#map-con li.on aside{color: #005c30;background-image: url(../images/map_icon.png);}
#map-con li dl{margin-left: 30px; margin-top: 8px; padding-left: 50px; position: relative; line-height: 26px;}
#map-con li dt{position: absolute; left: 0; top: 0;}
#map-con li dd{font-size: 16px;color: #555;}

.PicList002171 li{ float:left; width:23.5%;  margin-bottom:2%;}
.PicList002171 li:not(:nth-child(4n)){margin-right:2%;}
.PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;}
.PicList002171 li img{ display:block; width:100%;}
.PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,92,48,0.95); opacity:0; transition:0.3s;}
.PicList002171 li a:hover figure{ opacity:1;}
.PicList002171 li dl{ display:table;  width:100%; height:100%;}
.PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;}


.dge_itr.index_part{padding-top: 80px;padding-bottom: 36px;}
.dge_itrc{background: #fff;padding-bottom: 180px;}
.dge_itrc .wrap{padding-top: 345px;position: relative;}
.dge_itrc .cont{ position: relative;background-position: center center; background-image: url(../images/design2.jpg); background-repeat: no-repeat; background-size: 100% 100%; text-align: center;padding-top: 200px;padding-bottom: 88px;color: #555555;font-size: 16px;line-height: 32px;}
.dge_itrc .img1{position: absolute;bottom: -40px;width: 100%;}
.dge_itrc .img1 img{margin:0 35px;}
.dge_itrc .itr_l,.dge_itrc .itr_r{z-index: 10;background-position: center center;background-repeat: no-repeat}
.dge_itrc .itr_l{position: absolute;width: 880px;height: 495px;top:0;left: 0;;}
.dge_itrc .itr_r{position: absolute;width: 300px;height: 400px;top:50px; right: 50px;}

.dge_idea{background-repeat: no-repeat;background-position: center center;padding-bottom: 92px;}
.dge_idea .index_part{color: #fff;padding-top: 80px;padding-bottom: 36px;}
.dge_idea .index_part .f-b,.dge_idea .index_part aside{color: #fff;}
.dge_idea .index_part aside{color: rgba(255,255,255,0.55);}
.dge_idea p{padding: 0 128px;margin-top: 0;margin-bottom: 0;line-height: 32px;color: #ffffff;font-size: 16px;}


.index_part .dge_show{padding-top: 80px;padding-bottom: 36px;}
.dge_showc{padding-bottom: 95px;}
.dge_showc .show1{display: table-cell;vertical-align: middle;}
.dge_showc .show1 img{vertical-align: middle;}
.dge_showc .show1 .text{display: inline-block;padding-left: 45px;width: 310px;box-sizing: border-box;}
.dge_showc .show1 .title{font-size: 24px;font-weight: bold;color: #333;}
.dge_showc .show1 .desc{	font-size: 16px;color: #555555;	line-height: 32px;}
.dge_showc .show2{margin-top: 100px;}
.dge_showc .show2 .left,.dge_showc .show2 .right{float: left;}
.dge_showc .show2 .left{width: 540px;}
.dge_showc .show2 .right{margin-left: 100px;width: 640px;}
.dge_showc .show2 .left .title,.dge_showc .show2 .right .title{font-weight: bold;	font-size: 24px;color: #333333;}
.dge_showc .show2 .left .desc,.dge_showc .show2 .right .desc{margin-top: 25px;line-height: 32px; font-size: 16px;  color: #555555;}
.dge_showc .show2 .left .title.t_r,.dge_showc .show2 .left .desc.t_r{text-align: right;}
.dge_showc  .mgt_40{margin-top: 40px;}
.dge_showc  .mgt_85{margin-top: 85px;}
.dge_showc  .mgt_30{margin-top: 30px;}
.dge_showc  .mgt_110{margin-top: 110px;}



/* 2020-10-27 */
.index-but{ position: relative; display: block; text-align: center; width: 180px; line-height: 50px; height: 50px; font-size: 16px; color: #000;}
.index-but::after{ position: absolute; bottom: 0; left: 50%; content: ''; display: block; width:0; height: 2px; transform: translateX(-50%); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.index-but:hover::after{ width: 100%; background-color: #005c30;}

/* 首页产品 */
.index-screen{ padding:100px 0;}
.index-screen .title2 .tishi,
.index-screen .title1 .tishi{ padding-bottom: 10px; font-size: 16px; color: #888888;}
.index-screen .title2 h4,
.index-screen .title1 h4{ font-weight: 500; margin: 0; font-size: 36px; color: #000000;}
.index-screen .title2 h4{ padding-bottom: 20px; font-size:36px;}
.index-screen .title2 .text{ max-width: 57%; font-size: 16px; color: #000; line-height: 32px;}
.screen01{ padding-bottom:130px;}
.screen01 .index-Pro{ padding:50px 0 80px;}
.screen01 .index-Pro .liy{ position: relative; width:33.333%; float: left; padding-right:10px;}
/*.screen01 .index-Pro .liy:nth-child(2n){ float: right; margin-right:10px;}*/
.screen01 .index-Pro .text{ position: absolute; left: 40px; bottom:40px;}
.screen01 .index-Pro h5{ margin:20px 0; font-weight: 500; font-size: 36px; color: #fff;}
.screen01 .index-Pro .but01{ background-color: #fff;}
.screen02{ padding: 80px 0 110px;}
.screen02 .index-NewPro{ padding:50px 0 80px;}
.screen02 .index-NewPro li{ cursor: pointer; background-color: #f7f7f7; width: 33.333%; float: left;}
.screen02 .index-NewPro .text{ position: relative; line-height: 32px; padding: 40px 40px 60px;}
.screen02 .index-NewPro h5{ font-weight: 500; font-size: 28px; margin: 0 0 25px;  color: #000;}
.screen02 .index-NewPro li:nth-child(2){ background-color:#f2f2f2 ;}
.screen02 .index-NewPro .wenb{ font-size: 18px; color: #000000;}
.screen02 li .show-box{ background-color: #f7f7f7; position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; opacity:0; z-index: -1; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.screen02 li .show-box .wenb{ width: 80%;}
.screen02 li .show-box .but02{ background-color: #fff; position: absolute; top:35px; right:40px;}
.screen02 li .show-box .but02::after{ position: absolute; bottom: 0; left: 50%; }
.screen02 li .show-box .but02:hover{ color: #005c30;}
.screen02 li:hover .show-box{ opacity:1; z-index: 3;}
.screen03{ padding-bottom: 110px;}
.screen03 .index-Brand{ padding: 30px 0 60px;}
.screen03 .wid01{ margin-bottom: 20px; width: 33.333333%;}
.screen03 .wid02{ margin-bottom: 20px; width: 65.278%;}
.screen03 .wid01 .pic{ padding-bottom:83.334%;}
.screen03 .wid02 .pic{ padding-bottom: 42.554%;}
.screen03 .wenb{ position: absolute; left: 40px; bottom: 40px;}
.screen03 .pic{ width: 100%;}
.screen03 h4{ font-size: 36px; color: #000; font-weight: 500; margin: 0 0 15px;}
.screen03 .wid02 h4{ color: #fff;}
.screen03 .index-but{ background-color: #ffffff;}
.screen04{ padding-bottom: 140px;}
.screen04 .but-tiw{ background-color: #f7f7f7; position: absolute; top:40%; right: 0;}
.screen04 .index-outlets{ margin-top: 55px;}
.screen04 li.slick-slide{ position: relative; padding:10px;}
.screen04 li.slick-slide h4{ font-size: 36px; color: #fff; font-weight: 500; margin: 0 0 15px;}
.screen04 li.slick-slide .wenb{ position: absolute; left: 40px; bottom: 40px;}
.screen04 li.slick-slide .index-but{ background-color: #ffffff;}
.screen04 .slick-dots{ margin-top:40px; z-index: 10;}
.screen04 .slick-dots li{ transition: all .5s; width: 20px; height: 8px; background: #eeeeee; border:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.screen04 .slick-dots li.slick-active{ width: 80px; background: #005c30;}
.screen05{ padding: 0 0 160px;}
.screen05 .pic{ background-size: contain!important; background-repeat: no-repeat!important; padding-bottom:24.306%;}
.screen05 .wenb{ position: absolute; left: 45px; bottom:70px;}
.screen05 .title1 h4,
.screen05 .title1 .tishi{ color: #fff;}
.screen05 .index-but{ margin-top:30px; color: #000; background-color: #ffffff;}


/* 内页标题 */
.padd-top{ padding-top:100px;}
.Inner-Timw{ padding-bottom:40px; color: #000000;}
.Inner-Timw h4{ padding-bottom:15px; font-weight: 500; margin: 0; font-size: 36px;}
.Inner-Timw .text{ line-height:32px; max-width: 835px; font-size: 16px;}

/* 浴室频道页 */
.Bathroom-shell{ padding:100px 0;}
.Bathroom-shell1{ padding-top: 20px;}


/* 项目合作 */
.Project-shell{ padding:130px 0;}
.Project-shell .Tilanmu .lamInc{ height:45px; overflow: hidden;}
.Project-shell .Tilanmu  b{ font-size: 32px; font-weight: 500;}
.Project-shell .Tilanmu aside{ font-size:16px; color: #888888; margin-top: 15px; line-height:30px; float: right;}
.Project-shell .form-shell{ position: relative;}
.Project-shell .form-shell .insur{ margin-top: 2.2%; float: left; line-height: 35px; width: 49%; padding:20px 40px; background-color: #f7f7f7;}
.Project-shell .form-shell .insur:nth-child(2n){ float: right;}
.Project-shell .form-shell .insur span{ margin-right: 40px; display: inline-block; vertical-align: middle; font-size: 18px; color: #000;}
.Project-shell .form-shell .insur input{ width: 60%; vertical-align: middle; font-size: 18px; height: 35px; line-height: 35px; background:none; border:none}
.Project-shell .form-shell .wenbe{ width:100%;}
.Project-shell .form-shell .insur input::-webkit-input-placeholder {color: #bbbbbb;}
.Project-shell .form-shell .insur input::-moz-placeholder {color: #bbbbbb;}
.Project-shell .form-shell .insur input:-ms-input-placeholder {color: #bbbbbb;}
.Project-shell .form-shell .but{ width: 200px; line-height: 50px; text-align: center; font-size: 18px; background-color: #005c30; position: absolute; right: 0; top:-50px;}
.Project-shell .form-shell .but a{ cursor: pointer; color: #fff; display: block;}


.contact-caw{ padding:130px 0 270px; text-align: center; background-repeat:no-repeat !important; background-size:cover!important;}
.contact-caw .lianxi{ text-align: left; font-size: 18px; line-height: 40px; display: inline-block; padding:55px 120px; background-color: #fff; margin: 0 auto;}
.contact-caw .lianxi h4{ text-align: center; margin: 0; margin-bottom:25px; font-size: 32px; font-weight: 500;}
.contact-caw .lianxi .wenzi{ padding-left: 30px;}
.contact-caw .lianxi .Tel{ background: url(../images/lico_Tel.png) no-repeat left center; background-size: 20px;}
.contact-caw .lianxi .Fax{ background: url(../images/lico_Fax.png) no-repeat left center; background-size: 20px;}
.contact-caw .lianxi .Yox{ background: url(../images/lico_Yox.png) no-repeat left center; background-size: 20px;}


.afterSales {overflow:hidden; margin-bottom:5%;}
.afterSales .title {margin:0;color:#005c30;font-size:1.875em; line-height:1.35em;}
.afterSales .figure {width:42.96875%; padding-right:7.8125%; position:relative;float:left;}
.afterSales .figure:before {width:100%; height:80%; display:block; content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); border:17px solid #e6e6e6;}
.afterSales .figure img {display:block; width:100%; height:auto; position:relative; z-index:2;}
.afterSales .text {width:50%; float:right; color:rgb(102, 102, 102); font-size:1.14285em; line-height:1.875em;}
.afterSales .text h3 {color:#005c30; margin:0; font-size:1.35em; line-height:1.75em;}
.afterSales .text p {margin:0;}


.Case_cate ul {overflow: hidden}
.Case_cate li {float: left;width: 24%;margin-bottom: 1.333%;}
.Case_cate li:not(:nth-child(4n)) {margin-right: 1.333%;}
.Case_cate li .pic {overflow: hidden;}
.Case_cate li .pic figure {padding-bottom: 66.875%;overflow: hidden;transition: .3s;}
.Case_cate li:hover .pic figure {transform: scale(1.08);}
.Case_cate li p {text-align: center;font-size: 16px;}

.RetailCases {padding: 5% 0;}
.RetailCases .tab {text-align: center;}
.RetailCases .tab a {display: inline-block;padding: 10px 50px;background-color: #eee;color: #000;margin-left: 10px;cursor: pointer;}
.RetailCases .tab a.aon { background-color: #000;color: #fff;cursor: default;}
.RetailCases .list {padding: 5% 0;}
.RetailCases .list ul {overflow: hidden;}
.RetailCases .list li {float: left;width: 24%;margin-bottom: 1.333%;background-image: linear-gradient(rgba(0, 0, 0, 0.0) 50%, rgba(0,0,0,0.05) 100%)}
.RetailCases .list li:not(:nth-child(4n)) {margin-right: 1.333%;}
.RetailCases .list li .pic {overflow: hidden;}
.RetailCases .list li figure {padding-bottom: 66.875%;overflow: hidden;transition: .3s;}
.RetailCases .list li:hover .pic figure {transform: scale(1.08);}
.RetailCases .list li .text {padding: 10px;}
.RetailCases .list li .text aside {font-weight: bold;font-size: 16px;}
.RetailCases .list li .text p {margin: 0;}
.RetailCases .list li .text .more {display:block;margin-top: 20px;}
.RetailCases .list li .text .more i {margin-left: 5px;font-style: normal; font-family: serif;transition: .3s;}
.RetailCases .list li:hover .text .more i {margin-left: 10px;}


.Sociallist{}
.Sociallist li{ overflow:hidden;padding-bottom:20px; border-bottom: 1px solid #eee;}
.Sociallist li:not(:last-child){margin-bottom:20px;}
.Sociallist li .img{ width: 26%;}
.Sociallist li .pic{ overflow: hidden; }
.Sociallist li .Ispic{padding-bottom: 75%;transition: 0.3s;}
.Sociallist li:hover .Ispic{ transform: scale(1.2);}
.Sociallist li .txt{ padding-left: 5%; }
.Sociallist li .txt .tit{ font-size: 24px; line-height:30px;margin-bottom: 24px;}
.Sociallist li .txt .desc{font-size: 16px;color: #999;line-height:34px;}

.PicList001938{ padding-top:3%;}
.PicList001938 li{ float:left; width:47%; margin-right:3%; margin-bottom:4%;}
.PicList001938 li:nth-child(2n){ margin-right:0; margin-left:3%;}
.PicList001938 li div{ position:relative; margin-top:12%; border:1px solid #005c30; padding:7% 3% 6% 48%; font-size:12px;}
.PicList001938 li .Ispic{ position:absolute; width:40%; height:130%; left:3%; bottom:0;}
.PicList001938 li .Ispic img{ display:none;}
.PicList001938 li h5{font-size:18px;font-weight: normal; margin:0;}
.PicList001938 li h5 a:hover{color: #005c30;}
.PicList001938 li h5 a{color:#333;}
.PicList001938 li time{color:#666;}
.PicList001938 li p{ margin:20px 0 25px; line-height:24px; overflow:hidden; height:50px;font-size:14px;}
.PicList001938 li .more{ display:inline-block; line-height:25px; padding:0 15px; border-radius:25px; border:1px solid #ddd; color:#005c30;font-size:14px;}
.PicList001938 li .more:hover{ background:#005c30; color:#fff;}

@media(max-width:768px){
.PicList001938 li{ float:none; margin-right:0; margin-left:0 !important; width:auto;}
.PicList001938 li div{ margin-top:20%;}
}
@media(max-width:480px){
.PicList001938 li div{ padding:3% 3% 5% 3%; margin-top:0;}
.PicList001938 li .Ispic{ position:relative; width:auto; display:block; top:auto; height:auto; padding-bottom:58%; left:auto; background-size:contain; margin-bottom:20px;}
.PicList001938 li p{margin:10px 0 12px;}
}